/*向上1*/
@-webkit-keyframes pro-enter{ 
	from{-webkit-transform:translateY(70px); opacity:0; filter:alpha(opacity=0)}
	to{-webkit-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-moz-keyframes pro-enter{ 
	from{-moz-transform:translateY(70px); opacity:0; filter:alpha(opacity=0)}
	to{-moz-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-ms-keyframes pro-enter{ 
	from{-ms-transform:translateY(70px); opacity:0; filter:alpha(opacity=0)}
	to{-ms-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-o-keyframes pro-enter{ 
	from{-o-transform:translateY(70px); opacity:0; filter:alpha(opacity=0)}
	to{-o-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@keyframes pro-enter{ 
	from{transform:translateY(70px); opacity:0; filter:alpha(opacity=0)}
	to{transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
}


/*向上2*/
@-webkit-keyframes up{ 
	from{-webkit-transform:translateY(30px); opacity:0; filter:alpha(opacity=0)}
	to{-webkit-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-moz-keyframes up{ 
	from{-moz-transform:translateY(30px); opacity:0; filter:alpha(opacity=0)}
	to{-moz-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-ms-keyframes up{ 
	from{-ms-transform:translateY(30px); opacity:0; filter:alpha(opacity=0)}
	to{-ms-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-o-keyframes up{ 
	from{-o-transform:translateY(30px); opacity:0; filter:alpha(opacity=0)}
	to{-o-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@keyframes up{ 
	from{transform:translateY(30px); opacity:0; filter:alpha(opacity=0)}
	to{transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
}

/*向上3*/
@-webkit-keyframes up3{ 
	from{-webkit-transform:translateY(100px); opacity:0; filter:alpha(opacity=0)}
	to{-webkit-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-moz-keyframes up3{ 
	from{-moz-transform:translateY(100px); opacity:0; filter:alpha(opacity=0)}
	to{-moz-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-ms-keyframes up3{ 
	from{-ms-transform:translateY(100px); opacity:0; filter:alpha(opacity=0)}
	to{-ms-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@-o-keyframes up3{ 
	from{-o-transform:translateY(100px); opacity:0; filter:alpha(opacity=0)}
	to{-o-transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
} 

@keyframes up3{ 
	from{transform:translateY(100px); opacity:0; filter:alpha(opacity=0)}
	to{transform:translateY(0); opacity:1; filter:alpha(opacity=100)}
}


/* 向左*/
@-webkit-keyframes left{ 
	from{-webkit-transform:translateX(70px); opacity:0; filter:alpha(opacity=0)}
	to{-webkit-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-moz-keyframes left{ 
	from{-moz-transform:translateX(70px); opacity:0; filter:alpha(opacity=0)}
	to{-moz-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-ms-keyframes left{ 
	from{-ms-transform:translateX(70px); opacity:0; filter:alpha(opacity=0)}
	to{-ms-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-o-keyframes left{ 
	from{-o-transform:translateX(70px); opacity:0; filter:alpha(opacity=0)}
	to{-o-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@keyframes left{ 
	from{transform:translateX(70px); opacity:0; filter:alpha(opacity=0)}
	to{transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
}


/*向右*/
@-webkit-keyframes right{ 
	from{-webkit-transform:translateX(-70px); opacity:0; filter:alpha(opacity=0)}
	to{-webkit-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-moz-keyframes right{ 
	from{-moz-transform:translateX(-70px); opacity:0; filter:alpha(opacity=0)}
	to{-moz-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-ms-keyframes right{ 
	from{-ms-transform:translateX(-70px); opacity:0; filter:alpha(opacity=0)}
	to{-ms-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-o-keyframes right{ 
	from{-o-transform:translateX(-70px); opacity:0; filter:alpha(opacity=0)}
	to{-o-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@keyframes right{ 
	from{transform:translateX(-70px); opacity:0; filter:alpha(opacity=0)}
	to{transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
}

/*向右2*/
@-webkit-keyframes right2{ 
	from{-webkit-transform:translateX(-20px); opacity:0; filter:alpha(opacity=0)}
	to{-webkit-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-moz-keyframes right2{ 
	from{-moz-transform:translateX(-20px); opacity:0; filter:alpha(opacity=0)}
	to{-moz-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-ms-keyframes right2{ 
	from{-ms-transform:translateX(-20px); opacity:0; filter:alpha(opacity=0)}
	to{-ms-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@-o-keyframes right2{ 
	from{-o-transform:translateX(-20px); opacity:0; filter:alpha(opacity=0)}
	to{-o-transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
} 

@keyframes right2{ 
	from{transform:translateX(-20px); opacity:0; filter:alpha(opacity=0)}
	to{transform:translateX(0); opacity:1; filter:alpha(opacity=100)}
}


/*导航显示*/
@-webkit-keyframes sub-show{
	from{height:0}
	to{height:40px}
}
@-moz-keyframes sub-show{ 
	from{height:0}
	to{height:40px}
} 
@-ms-keyframes sub-show{ 
	from{height:0}
	to{height:40px}
} 

@-o-keyframes sub-show{ 
	from{height:0}
	to{height:40px}
}
@keyframes sub-show{
	from{height:0}
	to{height:40px}
}

/*导航关闭*/
@-webkit-keyframes sub-close{
	from{height:40px}
	to{height:0}
}
@-moz-keyframes sub-close{ 
	from{height:40px}
	to{height:0}
} 
@-ms-keyframes sub-close{ 
	from{height:40px}
	to{height:0}
} 

@-o-keyframes sub-close{ 
	from{height:40px}
	to{height:0}
}
@keyframes sub-close{
	from{height:40px}
	to{height:0}
}


/*旋转*/
@-webkit-keyframes rotateZ{
	from{transform: rotateZ(0);}
	to{transform: rotateZ(360deg);}
}
@-moz-keyframes rotateZ{ 
	from{transform: rotateZ(0);}
	to{transform: rotateZ(360deg);}
} 
@-ms-keyframes rotateZ{ 
	from{transform: rotateZ(0);}
	to{transform: rotateZ(360deg);}
} 

@-o-keyframes rotateZ{ 
	from{transform: rotateZ(0);}
	to{transform: rotateZ(360deg);}
}
@keyframes rotateZ{
	from{transform: rotateZ(0);}
	to{transform: rotateZ(360deg);}
}

/*缩放*/
@-webkit-keyframes map-album-scale {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(4, 3);
	}
}
@-moz-keyframes map-album-scale { 
	from {
		transform: scale(1);
	}
	to {
		transform: scale(4, 3);
	}
} 
@-ms-keyframes map-album-scale { 
	from {
		transform: scale(1);
	}
	to {
		transform: scale(4, 3);
	}
}
@-o-keyframes map-album-scale {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(4, 3);
	}
}
@keyframes map-album-scale {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(4, 3);
	}
}